<as-split direction="vertical" unit="pixel" [disabled]="true" gutterSize="0">
  <as-split-area size="35" class="button-area">
    <button nz-button (click)="switch()" [acl]="['ROLE_CLASS_EVALUATION_ADMIN']"><i nz-icon nzType="swap"
        nzTheme="outline"></i>切换身份</button>
    <button nz-button (click)="noticeBoard()" [acl]="['ROLE_INSTRUCTOR']"
      *ngIf="queryParams.compAssessProcessStatus === 'GRADE_REVIEW'"><i nz-icon nzType="pic-center"
        nzTheme="outline"></i>查看公示栏</button>
    <button nz-button (click)="gradeReview()" [acl]="['ROLE_INSTRUCTOR']"
      *ngIf="queryParams.compAssessProcessStatus === 'DONE_ASSESSMENT' || queryParams.compAssessProcessStatus === 'DONE_CLOSE'"><i
        nz-icon nzType="rollback" nzTheme="outline"></i>返回年级复审</button>
    <button nz-button (click)="closeReview()" [acl]="['ROLE_INSTRUCTOR']"><i nz-icon nzType="check-circle"
        nzTheme="outline"></i>查看审结</button>
    <button nz-button (click)="reflesh()"><i nz-icon nzType="reload" nzTheme="outline"></i>刷新</button>
  </as-split-area>
  <as-split-area class="border-1 form-area" [size]="settingService.user.isStudent !== true ? '100' : '65'">
    <div nz-row class="text-right matech-toolbar">
      <div nz-col nzSpan="21">
        <form nz-form>
          <!-- 学院复审管理员权限 -->
          <div nz-row nzType="flex" nzJustify="start" [acl]="'ROLE_INSTRUCTOR'">
            <nz-form-label nz-col nzSpan="2" class="text-right">专业名称</nz-form-label>
            <nz-form-control nz-col nzSpan="4" class="text-right">
              <input nz-input placeholder="专业名称" maxlength="100" name="professionName"
                [(ngModel)]="queryParams.professionName" />
            </nz-form-control>
            <nz-form-label nz-col nzSpan="2" class="text-right">班级名称</nz-form-label>
            <nz-form-control nz-col nzSpan="4" class="text-right">
              <input nz-input placeholder="班级名称" maxlength="100" name="className" [(ngModel)]="queryParams.className" />
            </nz-form-control>
            <nz-form-label nz-col nzSpan="2" class="text-right">学生姓名</nz-form-label>
            <nz-form-control nz-col nzSpan="4" class="text-right">
              <input nz-input placeholder="学生姓名" maxlength="100" name="studentName_1"
                [(ngModel)]="queryParams.studentName" />
            </nz-form-control>
            <nz-form-label nz-col nzSpan="2" class="text-right">学生学号</nz-form-label>
            <nz-form-control nz-col nzSpan="4" class="text-right">
              <input nz-input placeholder="学生学号" maxlength="100" name="studentCode"
                [(ngModel)]="queryParams.studentCode" />
            </nz-form-control>
          </div>

          <div nz-row nzType="flex" nzJustify="start">
            <!-- 班级综测管理员权限 -->
            <nz-form-label nz-col nzSpan="2" class="text-right" [acl]="'ROLE_CLASS_EVALUATION_ADMIN'">学生姓名
            </nz-form-label>
            <nz-form-control nz-col nzSpan="4" class="text-right" [acl]="'ROLE_CLASS_EVALUATION_ADMIN'">
              <input nz-input placeholder="学生姓名" maxlength="100" name="studentName_2"
                [(ngModel)]="queryParams.studentName" />
            </nz-form-control>
            <!-- 无需权限 -->
            <nz-form-label nz-col nzSpan="2" class="text-right">测评学年</nz-form-label>
            <nz-form-control nz-col nzSpan="4" class="text-left">
              <nz-year-picker [(ngModel)]="queryParams.year" name="year" [nzFormat]="'yyyy' + '学年'"
                nzPlaceHolder="测评学年">
              </nz-year-picker>
            </nz-form-control>
            <nz-form-label nz-col nzSpan="2" class="text-right" [acl]="'ROLE_STUDENT'"
              *ngIf="!settingService.user.isClassEvaluationAdmin">流程状态</nz-form-label>
            <nz-form-control nz-col nzSpan="4" class="text-right" [acl]="'ROLE_STUDENT'"
              *ngIf="!settingService.user.isClassEvaluationAdmin">
              <nz-select [(ngModel)]="queryParams.compAssessProcessStatus" name="compAssessProcessStatus" nzAllowClear
                nzPlaceHolder="流程状态">
                <nz-option nzValue="SELF_ASSESSMENT" nzLabel="学生自评"></nz-option>
                <nz-option nzValue="CLASS_ASSESSMENT" nzLabel="班级评议"></nz-option>
                <nz-option nzValue="GRADE_REVIEW" nzLabel="年级复审"></nz-option>
                <nz-option nzValue="DONE_ASSESSMENT" nzLabel="公示3天"></nz-option>
                <nz-option nzValue="DONE_CLOSE" nzLabel="审结"></nz-option>
              </nz-select>
            </nz-form-control>
          </div>
        </form>
      </div>
      <div nz-col nzSpan="3" class="text-center form-area-btn" *ngIf="settingService.user.isStudent">
        <div nz-row class="first-btn">
          <button nz-button (click)="onSearch()" [nzType]="'primary'"><i nz-icon nzType="search"></i>查找</button>
          <button nz-button (click)="onResetForm()" [acl]="'ROLE_STUDENT'"
            *ngIf="!settingService.user.isClassEvaluationAdmin"><em nz-icon nzType="redo"
              nzTheme="outline"></em>重置</button>
        </div>
      </div>
      <div nz-col nzSpan="3" class="text-center form-area-btn" *ngIf="!settingService.user.isStudent">
        <div nz-row class="first-btn">
          <button nz-button (click)="onSearch()" [nzType]="'primary'"><i nz-icon nzType="search"></i>查找</button>
        </div>
        <div nz-row class="second-btn">
          <button nz-button (click)="onResetForm()" [acl]="'ROLE_STUDENT'"
            *ngIf="!settingService.user.isClassEvaluationAdmin"><em nz-icon nzType="redo"
              nzTheme="outline"></em>重置</button>
        </div>
      </div>
    </div>
  </as-split-area>
  <as-split-area [size]="'*'">
    <app-comprehensive-evaluation-list #comprehensiveEvaluationListComponent [student]="student"
      [queryParams]="queryParams">
    </app-comprehensive-evaluation-list>
  </as-split-area>
</as-split>
